<template>
    <div class="index-card" @click="$router.push({name: 'driverDetail',query:{truckerId:driverInfo.truckerId}})">
        <p class="index-card-name">{{driverInfo.truckerName}}</p>
        <div class="index-card-list">
            <span>驾驶证级别</span>
            <span>{{driverInfo.driveLevelTypeName}}</span>
        </div>
        <div class="index-card-list">
            <span>驾驶证编号</span>
            <span>{{driverInfo.driveLevelNo}}</span>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        driverInfo: {
            type: Object,
            default: () => {
                return {}
            }
        }
    },
    data () {
        return {

        }
    },
    mounted () {
        this.init()
    },
    methods: {
        /* 初始化 */
        init () {

        }
    }
}
</script>

<style lang="less" scoped>

</style>
